<template>
  <div class="ticket-wrap">
    <detail-title :title="'购票信息'" :state="'icon-intro'"></detail-title>
    <div class="ticket-content">
      <p class="ticket-val">{{title}}</p>
    </div>
  </div>
</template>

<script>
  import DetailTitle from './Title.vue';
  export default {
    name: 'Ticket',
    props: {
      title: String
    },
    components: {
      'detail-title': DetailTitle
    }
  }
</script>

<style lang="scss" scoped="scoped">
  @import '~styles/mixins.scss';
  @import '~styles/variables.scss';

  .ticket-wrap {
    box-sizing: border-box;

    .ticket-content {
      box-sizing: border-box;

      .ticket-val {
        padding: .1rem .15rem;
        font-size: .14rem;
        line-height: .18rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-indent: 2em;
      }
    }
  }
</style>
